<!-- Copyright 2020 the V8 project authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file. -->

<head>
  <link href="./index.css" rel="stylesheet">
</head>
<style>
  #searchBarInput {
    width: 200px;
  }
</style>
<div class="panel">
  <input type="checkbox" id="closer" class="panelCloserInput" checked>
  <label class="panelCloserLabel" for="closer">▼</label>
  <h2>Map Panel</h2>
  <div class="selection">
    <input type="radio" id="show-all" name="selectionType" value="all">
    <label for="show-all">All</label>
    <input type="radio" id="show-timerange" name="selectionType" value="timerange">
    <label for="show-timerange">Time Range</label>
    <input type="radio" id="show-selection" name="selectionType" value="selection">
    <label for="show-selection">Last Selection</label>
  </div>
  <h3>All Transitions</h3>
  <map-transitions id="map-transitions"></map-transitions>
  <h3>Search Map by Address</h3>
  <section id="searchBar"></section>
  <input type="search" id="searchBarInput"></input>
  <button id="searchBarBtn">Search</button>

  <h3>Details Transitions</h3>
  <map-transitions id="map-details-transitions"></map-transitions>
  <h3>Details</h3>
  <map-details id="map-details"></map-details>
</div>
